<script>
export default {
  props: ['currentCom'],
};
</script>

<template>
  <div class="reply-cell">
    <van-cell>
      <template #title>
        <div class="item">
          <van-image
            width="40"
            height="40"
            fit="cover"
            round
            :src="currentCom.aut_photo"
          />
          <div class="msg">
            <div class="name">{{currentCom.aut_name}}</div>
            <div class="com">{{currentCom.content}}</div>
            <div class="time">{{currentCom.pubdate | timefromnow}}</div>
          </div>
        </div>
      </template>
    </van-cell>
  </div>
</template>

<style lang="less">
.reply-cell {
  .item {
    display: flex;

    .msg {
      padding-left: 20px;

      .name {
        color: #4a6c9d;
      }
    }
  }
}
</style>